<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=750,maximum-scale=1.0,user-scalable=no">
<link href="" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/index5.css">
<script type="text/javascript" src="js/wow.min.js"></script>
</head>
<body>
         <header>
    	 <div class="nav">
    	 	 <div>
    	 	    <a href="meta.html" class="back">Back</a>
    	 	 </div>
    	 	 <div>产品详细</div>
    	 	 <div class="nav_img">
    	 	 	 <img src="images/nav_img.png">
    	 	 </div>
    	 </div>
    	 
    </header>
    <!-- header end -->

    <div class="center">
         <div class="center_box">
              <div class="banner">
                   <img src="images/index5_banner.png">
              </div>

              <div class="goumai">
                   <div>
                       <span>￥32</span>
                   </div>
                   <div><a href="#">购买</a></div>

              </div>
              <div class="evaluat">
                   <div>
                       <p>好评度<span>99%</span></p>
                   </div>
                   <div><p>共605个评价></p></div>
                   
              </div>
              <div class="user">
                   <div>
                       <p>适用商户</p>
                   </div>
                   <div><p>></p></div>
                   
              </div>
              <div class="company_lis">
                  <div class="company_img wow bounceIn"  " data-wow-iteration="1" data-wow-duration="1s">
                       <img src="images/company_img.png">
                  </div>
                  <div>
                    <h2 class="company_title">万岁寿司（正佳店）</h2>
                    <ul class="company_img_lis">
                       <li><img src="images/wujiaoxi.png"></li>
                       <li><img src="images/wujiaoxi.png"></li>
                       <li><img src="images/wujiaoxi.png"></li>
                       <li><img src="images/wujiaoxi.png"></li>
                       <li><img src="images/wujiaoxi.png"></li>
                       <li>10分</li>

                    </ul>
                    <p class="address">离你100m</p>
                    <a href="#" class="com_more">查看详情 >></a>
                  </div>
                  <div>
                    <a href="#" class="enter">进入</a>
                  </div>
              </div>
              <div class="company_lis">
                  <div class="company_img wow bounceIn"  " data-wow-iteration="1" data-wow-duration="1s">
                       <img src="images/company_img1.png">
                  </div>
                  <div>
                    <h2 class="company_title">万岁寿司（体育西店）</h2>
                    <ul class="company_img_lis">
                       <li><img src="images/wujiaoxi.png"></li>
                       <li><img src="images/wujiaoxi.png"></li>
                       <li><img src="images/wujiaoxi.png"></li>
                       <li><img src="images/wujiaoxi.png"></li>
                       <li><img src="images/wujiaoxi.png"></li>
                       <li>10分</li>

                    </ul>
                    <p class="address">离你100m</p>
                    <a href="#" class="com_more">查看详情 >></a>
                  </div>
                  <div>
                    <a href="#" class="enter">进入</a>
                  </div>
              </div>
              <div class="company_lis">
                  <div class="company_img wow bounceIn"  " data-wow-iteration="1" data-wow-duration="1s">
                       <img src="images/company_img2.png">
                  </div>
                  <div>
                    <h2 class="company_title">万岁寿司（昌岗店）</h2>
                    <ul class="company_img_lis">
                       <li><img src="images/wujiaoxi.png"></li>
                       <li><img src="images/wujiaoxi.png"></li>
                       <li><img src="images/wujiaoxi.png"></li>
                       <li><img src="images/wujiaoxi.png"></li>
                       <li><img src="images/wujiaoxi.png"></li>
                       <li>10分</li>

                    </ul>
                    <p class="address">离你100m</p>
                    <a href="#" class="com_more">查看详情 >></a>
                  </div>
                  <div>
                    <a href="#" class="enter">进入</a>
                  </div>
              </div>
           
         </div>
    </div>
    <div class="footer">
       
    <div class="menu">
       <a href="#"><img src="images/menu_img.png" />首页</a>
       <a href="#"><img src="images/menu_img2.png" />分类</a>
       <a href="#"><img src="images/menu_img3.png" />发现</a>
       <a href="#"><img src="images/menu_img4.png" />我的</a>
    </div>
</div>
</body>
</html>
<script>
   new WOW().init();
</script>